<%@ taglib uri="/struts-tags" prefix="s" %>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>New Account</title>
</head>
<body>
	<div class="content-box">
		<div class="box-body">
			<div class="box-header clear">
				<h2>New Staff</h2>
			</div>

			<div class="box-wrap clear">

				<form action="New.action" class="validate-form form bt-space15">
					<input type="hidden" name="staff.staffId"
						value='<s:property value="staff.staffId"/>' />
					<div class="columns clear bt-space15">
						<div class="col1-2">

							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Name
									: <span class="required">*</span></label> <input type="text" id="textfield"
									class="required text size-200 fl-space2" name="staff.staffName" />
							</div>
							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Department
									:</label>
								<s:select list="departments" listKey="departmentId" listValue="departmentName" cssClass="fl-space2 required" name="staff.department.departmentId"></s:select>
							</div>
							<!-- /.form-field -->
							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Phone
									: <span class="required">*</span></label> <input type="text" id="textfield"
									class="required text size-200 fl-space2"
									name="staff.staffPhone" />
							</div>
							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Email
									: <span class="required">*</span></label> <input type="text" id="textfield"
									class="required text size-200 fl-space2"
									name="staff.staffEmail" />
							</div>
							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Staff Role
									:</label>
								<s:select list="roles" listKey="staffRoleId" listValue="staffRoleName" cssClass="fl-space2 required" name="staff.staffRole.staffRoleId"></s:select>
							</div>
						</div>
						<div class="col1-2 lastcol">
							<div class="form-field clear">
								<label for="textfield" class="form-label size-120 fl-space2">Username
									: <span class="required">*</span></label> <input type="text" id="textfield"
									class="required text size-200 fl-space2"
									name="account.username" />
							</div>
							<div class="form-field clear">
								<label for="password" class="form-label size-120 fl-space2">Password
									: <span class="required">*</span></label> <input type="password" id="password"
									class="required text size-200 fl-space2"
									name="account.password" />
							</div>
						</div>
					</div>
					<div class="rule"></div>
					<div class="form-field clear">
						<input type="submit" class="button blue fl-space2" value="Create" />
						<input type="submit" class="button grey fl-space2" value="Cancel"
							name="action:Listing" />
					</div>
				</form>
			</div>
			<!-- end of box-wrap -->
		</div>
		<!-- end of box-body -->
	</div>
	<!-- end of content-box -->
</body>
</html>